@charset "utf-8";
/*错误提示共通样式*/
@import  "helpers/_mixins.scss";  

/* image-slider */
.image-slider{
    width: 848px;
    height: 224px;
    padding: 30px;
    margin: 0 auto;
    position: relative;
}
.image-slider-back, .image-slider-forward{
	float:left;
	width:23px;
	height:34px;
	margin:32px 0; 
	color:White;
	position:relative;
	top:60px;
	cursor:pointer;
}
.image-slider-back{
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	background-position:3px -454px;
}
.image-slider-forward{
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	background-position:-20px -454px;
}
.image-slider-contents{
	width:755px;
	height:164px;
	padding:30px 20px;
	float:left;
	position:relative;
	overflow:hidden;
}

.image-slider-contents .contents-wrapper{
	position:absolute;
	left:0;
}
.image-slider-contents .outer{
	background-color:#fff;
	float:left;
	width:120px;
	height:160px;
	margin:0px 39px;
	cursor:pointer; 
	position:relative;
}
.spic{ 
	width: 120px;
    height: 160px; 
    text-align: center; 
    color: #333; 
    float: left;
}
.image-slider-contents img{
	width:120px;
	height:160px;
	margin:0 auto;
}
.spic a{
    display:block;
    text-align:center;
}

.hidden{
	display:none;
}
.visible{
	display:block;
}
.thumbnail-active{
	filter:alpha(opacity=100);
	opacity:1.0;
	cursor:pointer;
}
.thumbnail-inactive{
	filter:alpha(opacity=20);
	opacity:0.2;
	cursor:pointer;
}

.preview{ 
	position: absolute;
	width: 400px;
	height: 600px;
	margin-top: -770px; 
	background:rgba(255,255,255,1); 
	padding: 20px 30px;
	z-index: 2000;
	-webkit-box-shadow:0 0 10px rgba(255, 255, 255, .8);  
    -moz-box-shadow:0 0 10px rgba(255, 255, 255, .8);
    -o-box-shadow:0 0 10px rgba(255, 255, 255, .8); 
    box-shadow:0 0 10px rgba(255, 255, 255, .8);
}
.preview .img-large{
	width:400px;
	height:600px;
	z-index:1000;
	margin:0 auto;
}
.preview .img-large .left{
	position:absolute;
	left:3px;
	top:268px;
	width: 23px;
    height: 34px;
	z-index:1000;
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	background-position:3px -454px;
	cursor:pointer;
}
.preview .img-large .right{
	position:absolute;
	left:435px;
	top:268px;
	z-index:1000;
	width: 23px;
    height: 34px;
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	background-position:-20px -454px;
	cursor:pointer;
}
/*.preview .close{position:absolute;left:434px;top:-16px;width:32px;height:34px;background:url(../images/close.png);float:right;cursor:pointer;z-index:2000;}*/
.preview .img-large img{
	width:400px;
	height:600px;
}
.preview .label{
	display:none;
	width:434px;
	line-height:30px;
	float:left;
	position:absolute;
	top:316px; 
	left:0;
	padding:8px;
	background-color:White;
	text-align:left;
	font-weight:bold;
	font-size:13px; 
	text-align:center;
}
.outer{
	border:solid 1px #ccc;
}

